*, *:after, *:before{-webkit-box-sizing: border-box; box-sizing: border-box;}
/*产品*/
.prodoct{width:1200px; min-width:1200px; height:840px; margin:auto;}
.prodoct .pro_tlt{position: relative; top:5%;left:38%; width:299px; height:114px;}
.prodoct .cplb{position: relative; top:8%; width:1200px; height:632px; z-index:5;}
.layB{width: 1200px;}
.layB .tempWrap{width:auto !important;}
.layB .tbC{width: 1200px;position: relative;}
.layB .prev{width: 38px;height: 72px;position: absolute;left: -7px;top:280px; background:url(../images/l.png) no-repeat; display:none;}
.layB .next{width: 38px;height: 72px;position: absolute;left:1150px;top:280px; background:url(../images/r.png) no-repeat; display:none;}
.layB .prev:hover{background:url(../images/l2.png) no-repeat;}
.layB .next:hover{background:url(../images/r2.png) no-repeat;}
.layB .slide{width:1080px; height:630px;overflow: hidden; }
.layB ul{overflow: hidden;zoom: 1; position:relative; left:80px;}
.layB li{width: 300px; height:300px;margin: 0 10px 20px 10px;display: inline;float: left;}
.layB li img{display: block;}
.layB li a:hover img{border-color: #888;}
@font-face{font-weight: normal;font-style: normal;font-family: 'feathericons';}
.grid{position: relative;margin: 0 auto;padding: 1em 0 4em;max-width: 1000px;list-style: none;text-align: center;}
/* Common style */
.grid figure{position: relative;float: left;overflow: hidden;margin: 10px 1%;min-width: 300px;max-width: 300px;max-height: 300px;width: 48%;background: #3085a3;text-align: center;cursor: pointer;}
.grid figure img{position: relative;display: block;min-height: 100%;max-width: 100%;opacity: 0.8;}
.grid figure figcaption{padding: 2em;color: #fff;text-transform: uppercase;font-size: 1.25em;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.grid figure figcaption::before,
.grid figure figcaption::after{pointer-events: none;}
.grid figure figcaption,
.grid figure figcaption > a{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a{z-index: 1000;text-indent: 200%;white-space: nowrap;font-size: 0;opacity: 0;}
.grid figure h2{word-spacing: -0.15em;font-weight: 300;}
.grid figure h2 span{font-weight: 800;}
.grid figure h2,
.grid figure p{margin: 0;}
.grid figure p{letter-spacing: 1px;font-size: 68.5%;}
/*---------------*/
/***** Bubba *****/
/*---------------*/
figure.effect-bubba{background: #9e5406;}
figure.effect-bubba img{opacity: 1;-webkit-transition: opacity 0.35s;transition: opacity 0.35s;}
figure.effect-bubba:hover img{opacity:0.4;}
figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after{position: absolute;top: 30px;right: 30px;bottom: 30px;left: 30px;content: '';opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
figure.effect-bubba figcaption::before{border-top: 1px solid #fff;border-bottom: 1px solid #fff;-webkit-transform: scale(0,1);transform: scale(0,1);}
figure.effect-bubba figcaption::after{border-right: 1px solid #fff;border-left: 1px solid #fff;-webkit-transform: scale(1,0);transform: scale(1,0);}
figure.effect-bubba h2{padding-top: 30%;opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: translate3d(0,-20px,0);transform: translate3d(0,-20px,0);font-family:"微软雅黑";}
figure.effect-bubba p{padding: 20px 2.5em;opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: translate3d(0,20px,0);transform: translate3d(0,20px,0); text-align:center;}
figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after{opacity: 1;-webkit-transform: scale(1);transform: scale(1);font-family:"微软雅黑";}
figure.effect-bubba:hover h2,
figure.effect-bubba:hover p{opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);font-family:"微软雅黑";text-align:center;}
/*360旋转*/
.xuanzhuan_title{width:1200px; min-width:1200px; margin:auto; height:150px;}
.xuanzhuan_title .xz_tlt{position: relative; top:5%; left:40%; width:226px; height:105px; z}
.xuanzhuan{width:100%; height:332px;position:relative; background:#f3f4f5; z-index:10}
.xuanzhuan .neirong{width:1200px; min-width:1200px; height:100%; margin:auto; }

.xuanzhuan .neirong .chanpin{ width:390px; height:100%;float:left; border-left:15px solid #FFF;position:relative;}
.xuanzhuan .neirong a:nth-of-type(1) .chanpin{border:0;}
.chanpin .tu{ width:220px; height:220px;position:absolute; top:40px; left:75px; transition: all 0.4s ease 0s;}
.chanpin:nth-of-type(1) .tu{ left:82px;}

.chanpin .cp{ width:138px; height:113px;position:absolute; top:160px; left:220px; z-index:10;  transition: all 0.4s ease 0s}
.chanpin:nth-of-type(2) .cp{left:190px;}
.chanpin:nth-of-type(2) .cp{left:190px;}

.chanpin .tlt{ width:100%; height:50px; line-height:50px; text-align:center;position:absolute; bottom:10px; font-size:22px;}

.chanpin:hover .tu{transform: scale(1.1);cursor: pointer;}
.chanpin:hover .cp{transform: scale(0.8);cursor: pointer;}
.chanpin:hover .tlt span{ color:#F00;cursor: pointer;}


#imgg{animation:imgg 1.5s linear 0s infinite;}
@keyframes imgg{0%{transform:rotateY(0deg);}25%{transform:rotateY(90deg);}50%{transform:rotateY(180deg);}75%{transform:rotateY(270deg);}100%{transform:rotateY(360deg);}}
/*公司简介*/
.biaoti{ width:323px; height:119px; margin:30px auto;}
.about{width:1200px; min-width:1200px; margin:auto; height:660px;}
.about .ab_tlt{position: relative; top:5%;left:42%; width:299px; height:114px;}
.about .neirong{position: relative; top:10%;width:1120px; height:433px; background:#dcdcdc; float:right;}
.about .neirong .jianjie{line-height:35px; font-size:16px; width:539px;float:right; text-align:justify; margin:85px 56px 0 0; text-indent:1em;}
.about .neirong .more{position: absolute; right:0px; bottom:40px;width:114px; height:39px; line-height:39px; text-align:center; border:#1e78c8 1px solid; float:right; margin-right:56px;}
.about .sp{position: relative; top:-320px;width:563px; height:352px;}
/*新闻中心*/
.news{width:1200px; min-width:1200px; margin:auto; height:590px;}
.news .news_tlt{position:relative; top:5%;left:42%; width:205px; height:107px;}
.news .xian{position:relative; top:10%;left:49.5%; width:32px; height:322px; background:url(../images/xian.jpg) no-repeat center;}
.news .list{width:798px; height:318px; margin:auto; position:relative; top:-260px; overflow:hidden;}
.news .list ul{margin:0; padding:0;}
.news .list ul li{width: 360px; height:50px; margin-bottom:30px; font-size:18px; overflow:hidden; box-sizing: content-box !important;}
.news .list ul li a:hover{color:#F00;}
.news .list ul li:nth-of-type(1){padding-left:60px; width:350px; float:right;}
.news .list ul li:nth-of-type(2){padding-right:30px; width:370px; text-align:right; float:left;}
.news .list ul li:nth-of-type(3){padding-left:60px; width:350px; float:right;}
.news .list ul li:nth-of-type(4){padding-right:30px; width:370px; text-align:right; float:left;}
.time{height:17px; line-height:17px; background:url(../images/biao.jpg) left no-repeat; width:100px; padding-left:20px; color:#646464;}
.news .gengduo{position:relative; top:-250px;left:46%;background:#1e78c8; width:114px; height:39px; line-height:39px; text-align:center; color:#FFF;}
.news .gengduo a:visited{color:#FFF;}
.news .gengduo a:hover{color:#FFF;}


/*新闻列表页*/
section{ width:1200px; min-width:1200px; margin:auto; padding-bottom:50px;}
.list_bg h2{ text-align:center; font-size:26px; height:50px; line-height:50px;  background-color: #fff; margin-top: 20px;}
.list_bg .biaoti{ width:293px; height:88px; margin:auto; margin-top:50px; margin-bottom:50px;}

.ad{ width:100%;min-width:1200px; height:300px; margin:0 auto; text-align:center; overflow:hidden;}
.ad img{ height:100%;}
.daohang{width:100%; margin:auto; display:flex; justify-content:center; margin:50px 0 50px 0;}
.daohang li{width:174px; height:61px; line-height:61px; background:url(../images/link_bg.jpg) no-repeat; text-align:center; float:left; margin:auto 10px; font-size:20px; font-family:"微软雅黑";}
.daohang li:hover{
background:url(../images/link_bg1.jpg) no-repeat;
    border:0px;
	width:174px; height:61px;
	color:#FFF;}
.daohang .cur{
background:url(../images/link_bg1.jpg) no-repeat;
    border:0px;
	width:174px; height:61px;
	color:#FFF;}
.shijian{ text-align:center; font-size:12px; background-color: #fff; }
.shijian span{ font-size:12px; height:19px; line-height:19px; background:url(../images/biao.jpg) left no-repeat; padding-left:25px; margin:10px 0 10px 0; display:inline-block;}
.content{ width:990px; min-width:990px; margin:auto; font-size:16px; line-height:35px; text-align:left; text-indent:2em; padding-bottom:50px; }
.content img{ width:100% !important; height:auto !important; margin:auto;}
.list_bg{ width:100%; background:#f8f8f8;} 
.list_bg .news_list{ width:980px; margin:auto;text-indent:0em; }
.list_bg .news_list ul{ padding:20px;}
.list_bg .news_list ul li{ padding-left:20px; border-bottom:#CCC 1px dashed; padding-top:20px;}
.list_bg .news_list ul li a:{ text-align:left;}
.list_bg .news_list ul li h1{ font-size:24px; font-weight:bold; height:50px; line-height:50px; text-align:left;}
.list_bg .news_list ul li p{font-size:18px; line-height:35px; color:#595757;}
.list_bg .news_list ul li span{ font-size:12px; height:19px; line-height:19px; background:url(../images/biao.jpg) left no-repeat; padding-left:25px; margin:10px 0 10px 0; display:inline-block;}



.list_bg .news_list ul li a:hover{ color:#0297e9;}

.list_bg .lianjie{width:1200px; margin:auto; height:100px;}
.left{ margin-left:105px; 
       width:calc(50% - 105px);
	   width:-moz-calc(50% - 105px);
	   width:-webkit-calc(50% - 105px);
       float:left; text-align:left;}
.right{ margin-right:105px;  
       width:calc(50% - 105px);
	   width:-moz-calc(50% - 105px);
	   width:-webkit-calc(50% - 105px);float:right; text-align:right;}
.fanhui{ width:115px; height:40px; background:#1e77c9; text-align:center; line-height:40px; margin-left:105px; color:#FFF; float:left; margin-top:30px;}
.fenye{text-align:center; width:100%; margin:20px auto 20px;}


/*产品页面*/
.cp_menu{width:1050px; min-width:1050px; padding-top:50px; margin:auto; margin-bottom:50px; display:flex; justify-content:center;}
.cp_menu li{width:174px; height:61px; line-height:61px; background:url(../images/link_bg.png) no-repeat; text-align:center; float:left; margin-bottom:10px; font-size:20px; font-family:"微软雅黑";cursor: pointer; transition: all 0.3s;}
.cp_menu li:hover{
background:url(../images/link_bg1.png) no-repeat;
    border:0px;
	width:174px; height:61px;
	color:#FFF;
	transform: scale(1.1);}
.cp_menu .cur{
background:url(../images/link_bg1.png) no-repeat;
    border:0px;
	width:174px; height:61px;
	color:#FFF;}
.product{ width:100%; background:#f8f8f8; padding-bottom:30px; display:inline-block;} 
.product .product_list{ width:1200px; margin:auto;text-indent:0em; }
.product .product_list ul{ padding:20px;}
.product .product_list ul li{ width:263px; height:283px; float:left; margin:0 10px 30px 10px; overflow:hidden; background:url(../images/cpbg.png) no-repeat top center;}
.product_list .pic{width:260px; height:205px; margin:auto; text-align:center; line-height:205px; overflow:hidden;}
.product_list .pic img{ width:90%; height:auto; max-height:176px; overflow:hidden;vertical-align: middle; cursor: pointer; transition: all 0.6s;}
.product_list .pic img:hover{transform: scale(1.2);  }
.product_list .bt{ width:260x; height:55px; line-height:55px;text-align:center; font-size:14px; font-family:"微软雅黑"}
.product_list .bt a:hover{ color:#53c7f8; text-decoration: none;}

.product .show{ width:1117px; min-width:1117px; background:#fff; margin:auto; margin-top:30px; border:#e8e8e8 1px solid; min-height:500px;padding-bottom:20px; } 
.product .show .showimg{ width:1117px; height:337px;}
.product .show .showimg .l{ width:450px; float:left; border-right:#e8e8e8 1px solid; border-bottom:1px #e8e8e8 solid;}
.product .show .showimg .r{ width:667px; height:338px; float:right;border-bottom:1px #e8e8e8 solid; padding:54px 90px 0 60px;}
.product .show .showimg h1{ font-size:24px; font-family:"微软雅黑"; font-weight:bold;}
.product .show .showimg span{ font-size:14px; height:30px; line-height:30px;}
.product .show .showimg p{ font-size:16px !important; line-height:22px; width:100%; display:inline-block; font-family:"微软雅黑" !important}
.showimg .baojia{ width:100%; margin-top:20px;}
.showimg .baojia ul{ margin:0; padding:0;}
.showimg .baojia ul li{ width:103px; height:29px; line-height:27px;  float:left; background:#f0f0f0; border:#e5e5e5 1px solid; font-size:14px; text-align:center;  margin-right:20px;}
.showimg .baojia ul li:nth-of-type(1) { background:url(../images/b1.jpg) #f0f0f0 no-repeat;background-position:3px 5px; }
.showimg .baojia ul li:nth-of-type(2) { background:url(../images/b2.jpg) #f0f0f0 no-repeat;background-position:3px 5px; }
.showimg .baojia ul li:nth-of-type(3) { background:url(../images/b3.jpg) #f0f0f0 no-repeat;background-position:3px 5px; }

.slideTxtBox{ width:1050px; text-align:left; margin:30px auto; margin-left:30px;  }
.slideTxtBox .hd{ height:58px; line-height:58px; padding:0 10px 0 20px;    position:relative; }
.slideTxtBox .hd ul{ float:left;  position:absolute; left:20px; top:-1px; height:58px;}
.slideTxtBox .hd ul li{ float:left; padding:0 15px; cursor:pointer; width:330px; text-align:center; border:#CCC 1px solid; border-left:0px; font-family:"微软雅黑"; font-size:16px; }
.slideTxtBox .hd ul li:nth-of-type(1){ border-left:#CCC 1px solid;}
.slideTxtBox .hd ul li.on{ height:60px; line-height:58px; background:#fff; border:1px solid #ddd; border-bottom:1px solid #CCC; border-top:#1e78c8 2px solid; }
.slideTxtBox .bd { width:990px; margin-left:20px;}
.slideTxtBox .bd ul{ padding:30px;  zoom:1; line-height:30px; font-size:16px !important; font-family:"微软雅黑";  }
.slideTxtBox .bd ul img{ width:100% !important; height:auto !important;}

.slideTxtBox .bd li{ height:24px; line-height:24px;   }
.slideTxtBox .bd li .date{ float:right; color:#999;  }

/*合作伙伴*/
.hezuo{ width:100%; background:#f8f8f8; padding-bottom:20px;} 
.hezuo .hezuo_list{ width:1200px; margin:auto;text-indent:0em; }
.hezuo .hezuo_list ul{ padding:20px;}
.hezuo .hezuo_list ul li{ width:202px; height:197px; float:left; margin:0 15px 30px 15px; overflow:hidden;}
.hezuo_list .pic{width:200px; height:150px; margin:auto; text-align:center; overflow:hidden; line-height:150px; background:#FFF; border:#dcdcdc 1px solid;}

.hezuo_list .pic img{ width:60%; height:auto;vertical-align: middle;cursor: pointer; transition: all 0.6s;}
.hezuo_list .pic img:hover{transform: scale(1.2);}
.hezuo_list .bt{ width:200x; height:40px; line-height:40px;text-align:center; background:#dcdcdc; margin-top:8px; font-size:16px; }
.hezuo_list .bt a:hover{ color:#53c7f8; text-decoration: none;}


/*关于我们*/
.qyjj{ width:1158px; height:303px; background:url(../images/gybg.png) no-repeat center; background-position:0 -70px; margin:auto; position:relative; top:-200px; z-index:100;}
.qyjj span{ width:889px; height:260px; display:inline-block; font-size:16px; line-height:30px; text-align:justify; text-indent:2em; overflow:auto; margin:50px 0 0 130px; }
.zlgl{ width:100%; height:547px; background:#2960d4; position:relative; top:-70px;}
.zlgl .nr{ width:1200px; margin:auto; height:547px; position:relative; top:-70px;}
.zlgl .nr .ws{ width:512px; height:223px; background:url(../images/ws.jpg) no-repeat; position:absolute; top:10px;}
.zlgl .nr .zl{ width:512px; height:223px; position:absolute; top:270px; font-size:20px; line-height:35px; text-align:justify;  color: #FFF;}
.zlgl .nr .zl1{ width:160px; height:116px; background:url(../images/zl.jpg) no-repeat;position:absolute; left:150px; bottom:-92px; }
.zlgl .nr .sh{ width:574px; height:443px; color:#FFF; font-size:16px; line-height:30px; text-align:justify; text-indent:2em; position:absolute; right:20px; top:180px;}
.zlgl .nr .sh img{ width:80% !important; height:auto !important;}

.ryzz{ width:100%; min-width:1200px; height:795px; margin:50px auto;}
.ryzz .kuang{ width:1150px; height:745px; border:#d0d0d0 2px solid; margin:auto; position:relative;}
.ryzz .kuang .ming{ width:273px; height:96px; background:url(../images/ryzz.jpg) no-repeat; position:absolute; top:-33px; left:90px;}
.ryzz .kuang .wz{ font-size:18px; line-height:30px; color:#666; text-align:left; position:absolute;  top:100px; left:90px;}
.ryzz .kuang .zs{ width:386px; height:267px; position:absolute; left:700px; top:50px;}
.ryzz .kuang .wzzs{width:261px; height:369px;  position:absolute;  top:330px; left:100px;}
.ryzz .kuang .grzs{width:261px; height:369px;  position:absolute; top:330px; left:460PX;}
.ryzz .kuang .zbzs{width:261px; height:369px;  position:absolute;  top:330px; left:800px;}
.ryzz .kuang img{ width:90%; height:auto;vertical-align: middle;cursor: pointer; transition: all 0.6s;}
.ryzz .kuang img:hover{transform: scale(1.2);}

/*服务中心*/
.fuwu{ width:100%; min-width:1200px;}
.fuwu .huanying{ width:1200px; min-width:1200px; margin:30px auto; text-align:center; line-height:40px; font-family:"微软雅黑"; font-size:22px;}
.fuwu .map{ width:1142px; height:350px; margin:auto; margin-bottom:40px;}

.fuwu .contact{width:1142px; min-width:1142px; margin: auto; margin-top:40px;}
.fuwu .contact .l{ width:592px; float:left;}
.fuwu .contact .r{ width:550px; float:right;}
.fuwu .contact .r li{ width:80%; font-size:18px; padding-left:35px; height:35px; line-height:35px; margin-left:30px;}
.fuwu .contact .r li:nth-of-type(1) { background:url(../images/l1.jpg) no-repeat;background-position:0 5px; }
.fuwu .contact .r li:nth-of-type(2) { background:url(../images/l2.jpg) no-repeat; background-position:0 5px;}
.fuwu .contact .r li:nth-of-type(3) { background:url(../images/l3.jpg) no-repeat;background-position:0 5px;}
.fuwu .contact .r li:nth-of-type(4) { background:url(../images/l4.jpg) no-repeat;background-position:0 5px;}
.fuwu .contact .r li:nth-of-type(5) { background:url(../images/l5.jpg) no-repeat;background-position:0 5px;}
.fuwu .contact .r li:nth-of-type(6) { background:url(../images/l6.jpg) no-repeat;background-position:0 5px;}
.fuwu .zzg{ width:100%; height:497px; background:url(../images/zg.jpg) center top no-repeat;}

/*留言*/
.content{ width:990px; min-width:990px; margin:30px auto 0; font-size:16px; line-height:35px; text-align:left; text-indent:2em; padding-bottom:20px; }
.content .title{ margin:auto; height:40px; font-size:26px; width:750px; text-align:center; border-bottom:#616161 2px dashed; padding-bottom:15px;}
.content .tt{ color:#ad1629; font-size:18px; margin:10px 0 auto; width:90%; padding-left:100px;}
.content .biaoge{ width:80%;margin:30px auto; margin-bottom:0px;}
.content .biaoge dl{ width:100%; float:left; margin-bottom:30px;}
.content .biaoge dt{ width:80px; height:35px; line-height:35px; float:left; font-size:16px; margin:0; padding:0;text-indent:0em; text-align:right;}
.content .biaoge dd{ width:280px; height:35px; line-height:35px; float:left;margin:0; padding:0; text-indent:0em; padding-left:10px;}
.content .biaoge .nr{ height:110px;}
.content .biaoge .tj{ width:280px; height:35px; line-height:35px; border:#c2c2c2 1px solid;}
.content .biaoge textarea{ width:650px; height:100px;border:#c2c2c2 1px solid;}
.content .biaoge  .kuang{width:800px; margin:auto; display:flex; justify-content:center;}
.content .biaoge .anniu{
	font-size:18px;
border-radius:8px;
background:#f29e00;
    border:0px;
	width:115px; height:42px;
	 color:#FFF;
	 margin-left:20px;
	  font-family:"微软雅黑";}


/*底部*/

  /*滚动条*/
::-webkit-scrollbar {
width: 6px;
}
::-webkit-scrollbar-button {
width: 6px;
height:100%;
}
::-webkit-scrollbar-track {
background:#d8d8d8;
border-radius:50px;
}
::-webkit-scrollbar-thumb {
background:#50c8fa;
}
::-webkit-scrollbar-thumb:hover {
background:#50c8fa;
}